<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <style>
        .table span {
            display: block;
            font-size: 12px;
        }
        .table tbody tr td {
            vertical-align: middle;
            padding: 0 !important;
        }
        .table thead tr th {
            padding: 5px !important;
        }
        /*基本资料*/
        .table-basicInfo tbody tr td .table-basicInfo-cell{
            display:table-cell;
            vertical-align:middle;
            height: 44px;
            padding: 5px 10px;
        }
        .table-basicInfo tbody tr td:nth-child(2n+1) {
            font-weight: 600;
        }
        /*产品信息*/
        .table-product tbody tr td .table-product-cell{
            display:table-cell;
            vertical-align:middle;
            height: 43px;
            padding: 5px;
            font-size: 13px;
        }
    </style>
</block>

<!-- scripts -->
<block name="linkjs">

</block>

<!-- page title -->
<block name="webtitle">
    <title>订货产品出库申请详情</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
<!--        <li><a href="/">ATOP</a></li>-->
        <li class="active">订货产品出库申请详情</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <!--基本资料-->
    <div class="section-grey-table">
        <div class="section-title">基本资料</div>
        <div class="section-body">
            <table class="table table-bordered table-basicInfo">
                <colgroup>
                    <col width="140">
                    <col>
                    <col width="140">
                    <col>
                    <col width="140">
                    <col>
                </colgroup>
                <tbody>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">订单号<span>Sales Order</span></div>
                        </td>
                        <td colspan="3">
                            <div class="table-basicInfo-cell">20150120XWD（日期加客户名称拼音头个字母）</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">客户合同号<span>Purchase Order</span></div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">
                                123456789123456789
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">申请人<span>Sales Person</span></div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">测试1</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">申请部门<span>Dept</span></div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">测试部门</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">申请日期<span>Date</span></div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">2019-07-15</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">订货商名称<span>Name of Customer</span></div>
                        </td>
                        <td colspan="3">
                            <div class="table-basicInfo-cell">通过规范好的HTML结构及CSS类</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">付款方式<span>Payment Term</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">货到付款</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">客户电话<span>Tel No.of Customer</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">028-8355xxxx</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">客户传真<span>Fax of Customer</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">158xxxxxxxx</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">客户手机<span>Phone of Customer</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">158xxxxxxxx</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">公司地址<span>Company Address</span></div></td>
                        <td colspan="5">
                            <div class="table-basicInfo-cell">四川绵阳涪城区金家林总部经济试验区华拓光通信信息港 </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">送货地址<span>Delivery Address</span></div></td>
                        <td colspan="5">
                            <div class="table-basicInfo-cell">深圳市科技园科苑中路长园新材料港7栋2楼</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">公司联系人<span>Company Contact</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">测试联系人</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">收货人<span>Receiver</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">测试收货人</div>
                        </td>
                        <td>
                            <div class="table-basicInfo-cell">收货人电话<span>Receiver of Phone</span></div></td>
                        <td>
                            <div class="table-basicInfo-cell">158xxxxxxxx</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="table-basicInfo-cell">申请时间<span>Application Time</span></div></td>
                        <td colspan="5">
                            <div class="table-basicInfo-cell">2019-07-12 17:26:12</div></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!--产品信息-->
    <div class="section-grey-table">
        <div class="section-title">产品信息</div>
        <div class="section-body">
            <table class="table table-bordered table-product">
                <thead>
                <tr>
                    <th width="86">
                        <div class="table-product-cell">序号<span>NO</span></div>
                    </th>
                    <th width="138">
                        <div class="table-product-cell">型号<span>Part Number</span></div>
                    </th>
                    <th width="23%">
                        <div class="table-product-cell">描述<span>Description</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">数量<span>Qty.</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">单位<span>Pcs</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">单价<span>USD</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">合计金额<span>Sub-Total</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">含16%税<span>Tax Include</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">ED保护<span>Protection</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">计划交货时间<span>Planned Time</span></div>
                    </th>
                    <th>
                        <div class="table-product-cell">实际交货时间<span>Actual Time</span></div>
                    </th>
                </tr>
                </thead>
                <tbody>
                <!--动态添加的产品信息 start-->
                <tr>
                    <td>
                        <div class="table-product-cell">1</div>
                    </td>
                    <td>
                        <div class="table-product-cell">APSPC49HM3CDL40</div>
                    </td>
                    <td>
                        <div class="table-product-cell">SFP+ CWDM\10G\1490nm\单模双纤LC\40km</div>
                    </td>
                    <td>
                        <div class="table-product-cell">10000</div>
                    </td>
                    <td>
                        <div class="table-product-cell">个</div>
                    </td>
                    <td>
                        <div class="table-product-cell">￥2,500,000.00</div>
                    </td>
                    <td>
                        <div class="table-product-cell">￥250,000,000.00</div>
                    </td>
                    <td>
                        <div class="table-product-cell">是</div>
                    </td>
                    <td>
                        <div class="table-product-cell">是</div>
                    </td>
                    <td>
                        <div class="table-product-cell">2019-07-12</div>
                    </td>
                    <td>
                        <div class="table-product-cell">2019-07-14</div>
                    </td>
                </tr>
                <!--动态添加的产品信息 end-->
                <tr>
                    <td colspan="3">
                        <div class="table-product-cell">合计<span>Total</span></div>
                    </td>
                    <td>
                        <div class="table-product-cell">10000</div>
                    </td>
                    <td colspan="3" style="text-align: right">
                        <div class="table-product-cell">￥250,000,000.00</div>
                    </td>
                    <td colspan="4">
                        <div class="table-product-cell">合计金额大写</div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="font-weight: 600">
                        <div class="table-product-cell">要求与备注<span>Requirement and Remark</span></div>
                    </td>
                    <td colspan="9">
                        <div class="table-product-cell">
                            ATOP品牌，兼容：T码，托盘包装，（品牌，兼容，包装方式，缺一不可。）
                            <br>
                            ATOP品牌，兼容：T码，托盘包装，（品牌，兼容，包装方式，缺一不可。）
                            <br>
                            ATOP品牌，兼容：T码，托盘包装，（品牌，兼容，包装方式，缺一不可。）
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</block>